{% extends 'base.html' %}

{% block page_title %}Sign Up{% endblock %}
{% block nav %}{% endblock %}

{% block content %}
<div class="ui middle aligned center aligned grid">
    <div class="column">
        <div class="ui attached message">
            <div class="header ui image ">
                <img src="{{ url_for('static', filename='logo.png') }}" class="image">
                <div class="content teal">
                    Reset Password
                </div>
            </div>
        </div>
        <form class="changePass ui form attached left aligned fluid segment" method="post"
              action="{{ url_for('auth.changePass') }}">
            <div class="field eight wide">
                <label>Nickname</label>
                <input name="nickname" placeholder="Nickname" type="text">
            </div>
            <div class="field">
                <label>Email</label>
                <input name="email" placeholder="" type="text">
            </div>
            <div class="field">
                <label>new Password</label>
                <input name="password" placeholder="Password" type="password">
            </div>
            <div class="field">
                <label>Confirm new Password</label>
                <input name="password2" placeholder="Password" type="password">
            </div>
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <div class="ui teal submit button fluid">Reset</div>
            <div class="ui error message"></div>
        </form>
        {% for error_message in get_flashed_messages() %}
        <div class="ui message floating warning closeable">
            <div>{{ error_message }}</div>
        </div>
        {% endfor %}
        {% if error %}
        <div class="ui message floating warning closeable">
            <div>{{ error }}</div>
        </div>
        {% endif %}
        <div class="ui bottom attached warning message">
            <i class="icon help"></i>
            Already have an account? <a href="{{ url_for('auth.login') }}">Login here</a> instead.
        </div>
    </div>
</div>
{% endblock %}
